<template>
    <div class="home-swipe">
        <van-search v-model="value" placeholder="请输入搜索关键词" input-align="center" @search="onSearch"/>
        <van-swipe class="my-swipe" :autoplay="3000" indicator-color="white">
            <van-swipe-item v-for="(item,index) in bannerData" :key="index">
              <!-- <img :src="item.picUrl" alt=""> -->
              <van-image :src="item.picUrl" lazy-load />
            </van-swipe-item>
            </van-swipe>
    </div>
</template>
<script>
import { Toast } from 'vant';
// import axios from 'axios'
export default {
  data() {
    return {
      search: '',
      bannerData: []
    };
  },
  methods:{
      onSearch(val){
          Toast(val);
      },
      getBanner(){
        // axios.get("/api/recommend/banner")
         // .then(response=>{
        //   console.log(response.data);
        //   if(response.status == 200){
        //     const resData  = response.data
        //   if(resData.result == 100){
        //     this.bannerData = resData.data;
        //   }
        //   }
        //  .catch(function (error){
        //   console.log(error);
        // });
          // console.log(this.bannerData)


        this.$request ('get','/recommend/banner')
       .then(res=>{
        console.log(res)
        if(res.result == 100){
          this.bannerData =res.data
        }
       })
       
      },
  },
  created(){
    this.getBanner();
  },
  mounted(){
  }
};
</script>
<style scoped>
  /* .my-swipe .van-swipe-item img{
    width: 100%;
  } */
</style>